/***头部***/

/*$${"color":[{"val":"#fff","title":"文字颜色"},

{"val":"#26334c","title":"鼠标滑过导航文字/移动端导航文字"},

{"val":"#000","title":"移动端关闭按钮"},

{"val":"#6060ea","title":"移动端二级导航文字颜色"}],

"background":[{"val":"#fff","title":"鼠标滑过导航背景/移动端导航按钮/banner进度条背景"},

{"val":"#6060ea","title":"鼠标滑过导航下划线"},

{"val":"#26334c","title":"移动端下滑导航按钮背景"},

{"val":"rgba(255,255,255,.37)","title":"导航边框"}],

"border":[{"val":"#dfe0e1 ","title":"移动端导航边框"},

{"val":"rgba(255, 255, 255, .2)","title":"按钮边框"},

{"val":"rgba(255, 255, 255, .1)","title":"鼠标滑过按钮边框"}]}$$*/

#head_144{

	position: fixed;

	height:90px;

	top:0;

	left: 0;

	width: 100%;

	z-index: 11000;

	color: #fff;

	font-size: 14px;

}

#head_144.cur{

	background: #fff;

	color: #26334c;

}

#head_144.scroll-down{top: -150px;}

#head_144.scroll-top{

	top:0;

}

#head_144 .header{

	width: 1200px;

	position: relative;

	margin: 0 auto;

	height: 100%;

	line-height: 90px;

}

#head_144 .headerDiv{

	width: 96%;

	margin: 0 auto;

	height: 100%;

	position: relative;

}

#head_144 .headerDiv::after{

	position: absolute;

	left:0;

	bottom:0;

	width: 100%;

	height: 1px;

	background: rgba(255,255,255,.37);

	content: '';

}

#head_144 .logo{

	position: absolute;

	left:50%;

	top:50%;

	transform: translate(-50%,-50%);

}

#head_144 .tell{

	position: absolute;

	width: 170px;

	right:0;

	top:50%;

	transform: translateY(-50%);

	background: url(/static/images/HD00001_08.png) no-repeat;

	background-size: 100%;

	width: 170px;

	height: 26px;

	line-height: 26px;

	padding-left: 30px;

	text-align: center;

	font-style:italic;

	font-weight: bold;

	font-size: 16px;

}

#head_144 .tellW{

	color: #fff;

}

#head_144 .tellB{

	background: url(/static/images/HD00001_09.png) no-repeat;

	color: #26334c;

}

#head_144.cur .showLogo,

#head_144.cur .showTell,

#head_144 .hideLogo,

#head_144 .hideTell{

	display: block;

}

#head_144.cur .hideLogo,

#head_144.cur .hideTell,

#head_144 .showLogo,

#head_144 .showTell{

	display: none;

}

#head_144 .navL{

	width: 50%;

	float: left;

	padding:0 90px 0 50px;

	/* overflow: hidden; */

}

#head_144 .navL,

#head_144 .navR{

	justify-content: center;

	align-items: center;

	display: flex;

	height: 100%;

}

#head_144 .navul{

	width:100%;

	position: absolute;

	top:88px;

	background:rgba(255,255,255,.8);  

	z-index:9999999999999;

	transition: transform .3s ease;

	/*height: 0;*/

	opacity: 0;

	overflow: hidden;

}

#head_144 .titCon:hover .navul{

	opacity: 1;

}

#head_144 .navul .navli{

	line-height: 40px!important;

	border-bottom:rgba(0,0,0,.1) 1px solid;

	height: 40px;

	width: 100%;

	color: #26334c!important;

	display: block;

	overflow: hidden;

	padding: 0 3px;

	font-size: 12px;

	overflow: hidden;

}

#head_144 .navul .navli:hover{

	background: #fff;

}

#head_144.cur .navul{

	top:80px;

	border:rgba(0,0,0,.1) 1px solid;

}

#head_144 .navCon{

	display: none;

}

#head_144 a{

	color: #fff;

	font-size: 14px;

}





#head_144 .navR{

	width: 50%;

	float: left;

	padding:0 212px 0 92px;

	justify-content: center;

	display: flex;

	height: 100%;

}

#head_144 .navR .titCon,#head_144 .navL .titCon,#head_144 .navCon .titCon{

	flex: 1;

	position: relative;

}

#head_144 .navR a,#head_144 .navL a,#head_144 .navCon a{

	text-shadow: none;

	position: relative;

	width: 100%;

	text-align: center;

	display: block;

}

#head_144.defalut .navR a,#head_144.defalut .navL a,#head_144.defalut .navCon a{

	color:#ffffff;

}

#head_144.cur .navR a,#head_144.cur .navL a,#head_144.cur .navCon a{

	/* color:#666e80!important; */

	line-height: 70px;

}

#head_144 .navR a::before,#head_144 .navL a::before,#head_144 .navCon a::before{

	color: #fff;

	content: attr(data-hover);

	position: absolute;

	-webkit-transition: -webkit-transform .8s, opacity .5s;

	-moz-transition: -moz-transform .8s, opacity .5s;

	transition: transform .8s, opacity .5s;

	pointer-events: none;

}

#head_144.cur .navR a::before,#head_144.cur .navL a::before,#head_144.cur .navCon a::before{

	color: #666e80;

}

#head_144 .navR a::after,#head_144 .navL a::after,#head_144 .navCon a::after{

	content: '';

	position: absolute;

	left: 10%;

	bottom: 0;

	width: 0;

	height: 2px;

	background: #6060ea;

	/* opacity: 0; */

	-webkit-transform: translateY(5px);

	-moz-transform: translateY(5px);

	transform: translateY(5px);

	-webkit-transition: -webkit-transform 0.5s, width 0.5s;

	-moz-transition: -moz-transform 0.5s, width 0.5s;

	transition: transform 0.5s, width 0.5s;

	pointer-events: none;

}

#head_144.cur .navR a::after,#head_144.cur .navL a::after,#head_144.cur .navCon a::after{

	background: #6060ea;

}

#head_144 .navR a:hover::before,

#head_144 .navL a:hover::before,

#head_144 .navCon a:hover::before{

	color: ;

	opacity: 0;

	-webkit-transform: translateY(-12px);

	-moz-transform: translateY(-12px);

	transform: translateY(-12px);

}

#head_144 .navR a:hover,

#head_144 .navL a:hover,

#head_144 .navCon a:hover{

	color: #6060ea!important;

}

#head_144.cur .navR a:hover,

#head_144.cur .navL a:hover,

#head_144.cur .navCon a:hover{

	color: #6060ea!important;

}



#head_144 .navR a:hover::after,

#head_144 .navL a:hover::after,

#head_144 .navCon a:hover::after{

	width:80%;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}

#head_144 .navBtn{

	display: none;

	width: 70px;

	height:60px;

	float: right;

	cursor: pointer;

	position: relative;

	margin-right: 3%;

}

#head_144 .navBtn .span_0{

    position: absolute;

    width: 30px;

	right: 0;

	background: #000;

	height: 3px;

    top: 50%;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

#head_144.cur .navBtn .span_0{

	background: #26334c;

}



#head_144 .navBtn.cur .span_0{

    top: 46%;

}

#head_144 .navBtn.cur .span_0.span_1{

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

#head_144 .navBtn.cur .span_0.span_2{

    opacity: 0;

}

#head_144 .navBtn.cur .span_0.span_3{

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

#head_144 .navBtn .span_0.span_1{

    top: 35%;

}

#head_144 .navBtn .span_0.span_2{

    top: 50%;

    width:30px;

}

#head_144 .navBtn .span_0.span_3{

    top: 65%;

}

/* 右侧菜单 */

#head_144 #menuClosed{

	color: #000;

}

#head_144 .menu-item{

	border-bottom:#dfe0e1 1px solid;

}

#head_144 .menu-list li .dropdown_menu a{

	color: #6060ea;

}

#head_144 .menu-title{

	color: #26334c;

}

#head_144 .menu-title a{

	color: #26334c;

}

#head_144 .menu-item.up .itemClick{

	background: url(/static/images/HD00001_01.png) no-repeat right center;

	background-size: auto 10px;

}

#head_144 .menu-item.active .itemClick{

	color: #6060ea;

	background: url(/static/images/HD00001_02.png) no-repeat right center;

	background-size: auto 10px;

}

#head_144 .menu-c-d{

	background: url(/static/images/HD00001_09.png) no-repeat;

	color: #26334c;

}



@media screen and (max-width: 1200px) {

	#head_144 .header{

		width: 100%;

	}

	#head_144 .logo{

		left: 0;

		transform: translate(0,-50%);

	}

	#head_144 .navL,#head_144 .navR{

		display: none;

	}

	#head_144 .navCon{

		display: flex;

		width: 100%;

		float: left;

		padding: 0 190px 0 170px;

		overflow: hidden;

		height: 100%;

	}

}



@media screen and (max-width: 768px){

	#head_144 .navL,#head_144 .navR{

		display: none;

		text-align: left;

	}

	#head_144 .navCon{

		display: none;

	}

	#head_144{

		height: 60px;

		background: #fff;



	}

	#head_144 .tell{

		display: none !important;

	}

	#head_144 .headerDiv{

		border: none;

	}

	#head_144 .showLogo{

		display: block;

	}

	#head_144 .hideLogo{

		display: none;

	}

	#head_144 .logo{

		height: 40px;

		width: auto;

		left: 10px;

	}

	#head_144 .header{

		height: 60px;

	}

	#head_144 .navBtn{

		display: block;

	}

}





/* banner */

#bananer_144{

	position: relative;

	width: 100%;

	height: 100%;

}

#bananer_144 #pcBana{

	display: block;

}

#bananer_144 #wapBana{

	display: none;

}

#bananer_144 .sBox {

	position: relative;

	overflow: hidden;

    height: 100%;

    width: 100%;

}

#bananer_144 .sBox .videoCon{

    width: 100%;

    height: 780px;

    object-fit: cover;

}

#bananer_144 .sBox .text {

	position: absolute;

	width: 900px;

	top: 40%;

	left: 6%;

	z-index: 10;

	color: #fff;

}

#bananer_144 .sBox .text .title-1 {

	font-size: 60px;

	font-weight: bold;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.3s;

	color: #fff;

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	max-width: calc(100% - 20px);

}



#bananer_144 .sBox .text .title-2 {

	font-size: 24px;

	

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.6s;

	color: #fff;

	line-height: 60px;

	height: 60px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	width: 100%;

	display: block;

}



#bananer_144 .sBox .text .viewmore-3 {

	margin-top: 60px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.9s;

}

#bananer_144 .bz-buttonAnimat{position:relative;}

#bananer_144 .bz-buttonAnimat .inner{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

#bananer_144 .bz-buttonAnimat:before,

#bananer_144 .bz-buttonAnimat:after,

#bananer_144 .bz-buttonAnimat .inner:before,

#bananer_144 .bz-buttonAnimat .inner:after{

	background:#fff;

}

#bananer_144 .bz-buttonAnimat:before,

#bananer_144 .bz-buttonAnimat:after,

#bananer_144 .bz-buttonAnimat .inner:before,

#bananer_144 .bz-buttonAnimat .inner:after{

	position:absolute;content:"";display:block;

	-webkit-transition:-webkit-transform 0.3s;

	transition:-webkit-transform 0.3s;

	transition:transform 0.3s;

	transition:transform 0.3s,-webkit-transform 0.3s;

}

#bananer_144 .bz-buttonAnimat:before,

#bananer_144 .bz-buttonAnimat:after{

	left:0;width:100%;

	height:1px;

	-webkit-transform:scaleX(0);

	transform:scaleX(0);

}

#bananer_144 .bz-buttonAnimat .inner:before,

#bananer_144 .bz-buttonAnimat .inner:after{

	top:0;width:1px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0);

}



#bananer_144 .bz-buttonAnimat .inner:before{left:0;}

#bananer_144 .bz-buttonAnimat .inner:after{right:0;}

#bananer_144 .bz-buttonAnimat .inner:hover:before,

#bananer_144 .bz-buttonAnimat .inner:hover:after{

	-webkit-transform:scaleY(1);transform:scaleY(1);

}



#bananer_144 .bz-buttonAnimat:before{top:0;}

#bananer_144 .bz-buttonAnimat:after{bottom:0;}

#bananer_144 .bz-buttonAnimat:hover:before,

#bananer_144 .bz-buttonAnimat:hover:after{

	-webkit-transform:scaleX(1);transform:scaleX(1);

}

#bananer_144 .bz-buttonAnimat:hover .inner:before,

#bananer_144 .bz-buttonAnimat:hover .inner:after{

	-webkit-transform:scaleY(1);transform:scaleY(1);

}

#bananer_144 .bz-buttonAnimat.clockwise .inner:before{

	-webkit-transform-origin:top center;

	transform-origin:top center;

}

#bananer_144 .bz-buttonAnimat.clockwise .inner:after{

	-webkit-transform-origin:bottom center;

	transform-origin:bottom center;

}

#bananer_144 .bz-buttonAnimat.clockwise:before{

	-webkit-transform-origin:right center;

	transform-origin:right center;

}

#bananer_144 .bz-buttonAnimat.clockwise:after{

	-webkit-transform-origin:left center;

	transform-origin:left center;

}

#bananer_144 .bz-buttonAnimat.clockwise:hover .inner:before{

	-webkit-transform-origin:bottom center;

	transform-origin:bottom center;

}

#bananer_144 .bz-buttonAnimat.clockwise:hover .inner:after{

	-webkit-transform-origin:top center;

	transform-origin:top center;

}

#bananer_144 .bz-buttonAnimat.clockwise:hover:before{

	-webkit-transform-origin:left center;

	transform-origin:left center;

}

#bananer_144 .bz-buttonAnimat.clockwise:hover:after{

	-webkit-transform-origin:right center;

	transform-origin:right center;

}





#bananer_144 .swiper-slide-active .text .title-1,

#bananer_144 .swiper-slide-active .text .title-2,

#bananer_144 .swiper-slide-active .text .viewmore-3 {

	transform: translateY(0px);

	opacity: 1;

}

#bananer_144 .swiper-slide-active .img {

	/*animation: bigimgani 5000ms infinite ease-out;*/

}

#bananer_144 .img-block{

	width: 100%;

	height: 100%;

}

#bananer_144 .sBox.center .text {

	left: 50%;

	margin-left: -450px;

	text-align: center;

}

#bananer_144 .sBox.center .text .viewmore-3 {

	margin: 60px auto auto;

}



#bananer_144 .pagination {

	width: 100px;

	left: auto;

	right: 2%;

	bottom: 5%;

	text-align: right;

}

#bananer_144 .pagination span.swiper-pagination-bullet {

	background: #fff;

	border-radius: 0;

	width: 1px;

	height: 20px;

	transition: all .4s ease;

	margin: 0 7px;

	opacity: 1;

}



#bananer_144 .pagination span.swiper-pagination-bullet-active {

	height: 30px;

}



#bananer_144 .btnNext,

#bananer_144 .btnPrev{

	bottom: 4%;

	top: auto;

	background: none;

	z-index: 30;

}



#bananer_144 .btnNext::after,

#bananer_144 .btnPrev::after {

	display: none;

}



#bananer_144 .btnNext::before,

#bananer_144 .btnPrev::before {

	color: #fff;

	font-size: 14px;

	letter-spacing: 2px;

}



#bananer_144 .btnNext::before {

	content: 'NEXT';

}



#bananer_144 .btnPrev::before {

	content: 'PREV';

}



#bananer_144 .btnNext{

	left: auto;

	right: 50%;

	margin-right: -200px;

}



#bananer_144 .btnPrev{

	left: 50%;

	right: auto;

	margin-left: -200px;

}



#bananer_144 .bannerScroll{

	width: 62px;

	height: 26px;

	position: absolute;

	left: 2%;

	bottom: 5%;

	z-index: 20;

	background: url('/static/images/HD00001_03.png') center no-repeat;

}

#bananer_144 .bannerBar{

	width: 260px;

	height: 2px;

	position: absolute;

	bottom: 6%;

	left: 50%;

	margin-left: -130px;

	z-index: 20;

}



#bananer_144 .bannerBar::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 2px;

	background: #fff;

	left: 0;

	top: 0;

	opacity: .2;

	z-index: 5;

}



#bananer_144 .bannerBar::before {

	content: '';

	position: absolute;

	width: 0;

	height: 2px;

	background: #fff;

	left: 0;

	top: 0;

	z-index: 10;

	-webkit-animation: w100 6000ms infinite ease;

	animation: w100 6000ms infinite ease;

}



@keyframes w100 {

	0% {

		width: 0%;

	}



	100% {

		width: 100%;

	}

}



@keyframes bigimgani {

	0% {

		transform: scale(1.1);

	}



	100% {

		transform: scale(1);

	}

}



#bananer_144 .viewmore-3 {

	width: 215px;

	display: block;

	margin: 0;

}



#bananer_144 .viewmore-3 p{

	display: block;

	color: #fff;

	text-align: center;

	padding: 17px 0 17px 0;

	overflow: hidden;

	font-size: 0;

	border:rgba(255, 255, 255, .2) 1px solid;

}

#bananer_144 .viewmore-3 span {

	font-size: 14px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 40px;

	letter-spacing: 2px;

}

#bananer_144 .viewmore-3 div {

	display: block;

	color: #fff;

	text-align: center;

	padding: 17px 0 17px 0;

	overflow: hidden;

	font-size: 0;

	border:rgba(255, 255, 255, .2) 1px solid;

}

#bananer_144 .viewmore-3 span {

	font-size: 14px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 40px;

	letter-spacing: 2px;

}

#bananer_144 .viewmore-3 i {

	display: inline-block;

	vertical-align: middle;

	width: 26px;

	height: 14px;

	background: url(/static/images/HD00001_04.png) center no-repeat;

}

#bananer_144 .viewmore-3 p:hover {

	border:rgba(255, 255, 255, 1) 1px solid;

}



@media screen and (max-width: 1200px) {

	#bananer_144 .sBox .text .title-1{

		font-size: 50px;

	}

	#bananer_144 .sBox .text .title-2{

		font-size: 18px;

	}

	#bananer_144 .sBox .text{

		width: 90%;

		left: 5% !important;

		margin-left: 0!important;

	}

}

@media screen and (max-width: 767px) {

	#bananer_144 .sBox .videoCon{

		width: 100%;
	
		height: 100%;
	
		object-fit: cover;
	
	}

	#bananer_144 .sBox .text .title-1{

		font-size: 20px;

		line-height: 30px;

		height: 30px;

	}

	#bananer_144{

		/* margin-top: 60px; */

	}

	#head_144 .headerDiv::after{

		background: none;

	}

	#bananer_144 .sBox .text .title-2{

		font-size: 14px;

		line-height: 30px;

		height: 30px;

	}

	#bananer_144 #pcBana{

		display: none;

	}

	#bananer_144 #wapBana{

		display: block;

	}

	#bananer_144 #wapBana img{

		height: 500px;

	}

	#bananer_144 .btnNext,

	#bananer_144 .btnPrev,

	#bananer_144 .bannerBar {

		display: none!important;

	}

	#bananer_144 .sBox .text .viewmore-3{

		width: 160px;

	}

	#bananer_144 .sBox .text{

		top:30%;

	}

	#bananer_144 .sBox.center .text .viewmore-3 {

		margin: 20px auto auto;

	}

	#bananer_144 .viewmore-3 p, #bananer_144 .viewmore-3 div{

		padding: 15px 0;

	}

	#bananer_144 .viewmore-3 span{

		margin-right: 20px;

	}

}